

<template>
  <div class="chat-main">
    <ChatSidebar/>
    <ChatWindow/>
  </div>
</template>

<script setup>
import ChatSidebar from '@/components/ChatSidebar.vue'
import ChatWindow from '@/components/ChatWindow.vue'
import { useChatStore } from '@/stores/chat'
import { onMounted } from 'vue'

const chatStore = useChatStore()
// chatStore.initializer()


</script>

<style scoped>
.chat-main {
  display: flex;
  height: 100%;
  background: #f5f5f5;
  overflow: hidden;
}
</style>